import { Image, Input, Button, Avatar } from 'antd';
import { SearchOutlined, UserOutlined } from '@ant-design/icons';
import '../HeaderPage/HeaderPage.less';
export default function HeaderPage() {
  return (
    <div className="header">
      <div className="header_left">
        <Image
          width={50}
          src="https://img2.baidu.com/it/u=2892168039,3046714204&fm=253&fmt=auto&app=138&f=JPG?w=496&h=500"
        />
        <span style={{ color: '#888' }}>自然灾害信息共享平台</span>
      </div>
      <div className="header_right">
        <Input
          placeholder="请输入帖子的标题、正文关键字"
          suffix={<SearchOutlined style={{ fontSize: 16 }} />}
        />
        <Button type="primary" size="middle">
          发布
        </Button>
        <Avatar
          style={{ backgroundColor: '#87d068', width: '50px' }}
          icon={<UserOutlined />}
        />
      </div>
    </div>
  );
}
